<template>
	<view class="all">
		<image class="caidan" src="../../static/ihgPic/caidan.png" mode=""></image>
		<view class="surprise">
			Surprise游戏彩蛋 
		</view>
		<view class="partner">
			如果你是学生朋友，请完整填写以下信息。参与抽奖，赢酒店豪华自助套餐，与未来职场partner面对面！
		</view>
		<view class="infor">
			<view class="name">
				<view>姓名:</view>
				<view class="tiao"></view>
			</view>
			<view class="name">
				<view class="write">学校:</view>
				<view class="tiao tiao1"></view>
			</view>
		</view>
		<view class="infor">
			<view class="name">
				<view>专业:</view>
				<view class="tiao"></view>
			</view>
			<view class="name">
				<view class="write">所在地:</view>
				<view class="tiao tiao2"></view>
			</view>
		</view>
		<view class="btns">
			<button class="btn1">提交</button>
			<button class="btn1 btn2">跳过</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	uni-page-body {
	  height: 100%;
	}
	.all {
		height: 100%;
		background-color: #e66f13;
		padding:20rpx 40rpx 60rpx;
		box-sizing: border-box;
	}
	.caidan{
		width: 242rpx;
		height: 349rpx;
		margin:0 0 30rpx 260rpx;
	}
	.surprise{
		font-size: 36rpx;
		color: #e4e613;
		font-weight: bold;
		text-align: center;
	}
	.partner{
		color: #fff;
		font-size: 30rpx;
		margin-top: 50rpx;
		margin-bottom: 60rpx;
	}
	.infor{
		font-size: 35rpx;
		color: #fff;
		display: flex;
	}
	.tiao{
		border-bottom: 2rpx solid #fff;
		width: 160rpx;
		margin-left: 100rpx;
	}
	.tiao1{
		margin-left: 120rpx;
	}
	.tiao2{
		margin-left: 150rpx;
	}
	.write{
		margin-left: 30rpx;
	}
	.btns{
		margin-top: 80rpx;
		display: flex;
	}
	.btn1{
		width: 208rpx;
		height: 86rpx;
		background-color: #ffcc00;
		color: #e66f13;
		font-size: 48rpx;
		line-height: 86rpx;
	}
	.btn2{
		background-color: #ff7e00;
		color: #fff;
	}
</style>
